<template>
  <qrcode-vue
    :size="size"
    :value="info"
    bgColor="#fff"
    fgColor="#000"
    class="qrcode"
  ></qrcode-vue>
</template>

<script>
  import qrcodeVue from 'qrcode-vue'

  export default {
    name: 'qrcode',
    components: {
      qrcodeVue
    },
    props: [
      'info',
      'size'
    ],
    mounted () {
    }
  }
</script>

<style lang="less">
    .qrcode {
      canvas {
        display: block !important
      }

      img {
        display: none
      }
    }
</style>

